*,:after,:before{margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box} body,dd,div,dl,dt,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,html,li,ol,p,pre,table,td img,th,ul{margin:0;padding:0} body{font-family:"Heiti SC","Microsoft YaHei","微软雅黑";color:#333;font-size:16px;line-height:1.7;margin:0 auto;background-color:#fff;min-width:1280px} li,ol,ul{list-style:none} em,i{font-style:normal} a{color:#333;text-decoration:none;outline:0;cursor:pointer} a:active,a:hover,a:link,a:visited{text-decoration:none} fieldset,img,video{max-width:100%;border:none;vertical-align:middle} button,input,select,textarea{color:#333;font-size:16px;font-family:"Microsoft Yahei",sans-serif;outline:0;border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box} button,input{border-radius:0;-webkit-appearance:none} textarea{resize:none;outline:0;border:none;-webkit-appearance:none} input:-ms-clear{display:none} input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;outline:0} ::-webkit-input-placeholder{color:#eee} ::-moz-placeholder{color:#eee} :-ms-input-placeholder{color:#eee} :-moz-placeholder{color:#eee} table{border-collapse:separate} .clearfix:after{content:".";display:block;height:0;line-height:0;clear:both;visibility:hidden} .clearfix{zoom:1} .transition{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s} .wrap{width:98%;max-width:1400px;margin:0 auto} /* public style */ .header{position:absolute;left:0;top:0;right:0;width:100%;z-index:999;padding:40px 0;line-height:60px;min-width:1280px} .logo{float:left;width:201px;margin-top:-2px} .logo img{width:100%;height:auto} .nav{float:left;width:55%;margin-left:50px} .nav li{float:left;margin-right:20px} .nav li a{display:block;color:#333;font-size:18px;padding:0 5px;position:relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .nav li a:after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:0;background:url(../../d/images/nav-on.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s} .nav li.nav-on a,.nav li:hover a{margin-top:-10px;font-weight:700} .nav li.nav-on a:after,.nav li:hover a:after{height:17px} .top-tel{float:right;margin-top:4px} .top-tel p{background:url(../../d/images/top-tel1.png) no-repeat left center;color:#fff;font-size:16px;line-height:1.4;padding-left:58px} .top-tel p strong{display:block;color:#f0be4d;font-size:28px} /* index style */ .banner{position:relative} .ban-item{-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:right top;padding-top:200px;padding-bottom:224px;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 10px 20px rgba(0,0,0,.1);-ms-box-shadow:0 10px 20px rgba(0,0,0,.1);-o-box-shadow:0 10px 20px rgba(0,0,0,.1);box-shadow:0 10px 20px rgba(0,0,0,.1);margin-bottom:30px} .ban-item:before{content:"";position:absolute;left:0;top:200px;width:34.375%;height:500px;background:url(../../d/images/ban-line.png) no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%} .item01{background-image:url(../../d/images/ban-bg01.jpg);z-index:-1} .ban-base{float:left;width:42%;margin-top:66px} .ban-txt{position:relative;z-index:0} .ban-txt i{position:absolute;left:0;top:-10px;color:#194036;opacity:.06;filter:Alpha(opacity=6);font-size:120px;font-weight:700;text-transform:uppercase;line-height:1.1;z-index:-1;-webkit-filter:Alpha(opacity=10)} .ban-txt a{display:block;color:#014a7f;font-size:80px;font-weight:700;line-height:1.1} .ban-txt a:hover{color:#222} .ban-txt a.txt-font{font-size:72px;padding-top:16px} .ban-font p{margin-top:50px;color:#666;font-size:18px;line-height:20px} .ban-font p:before{content:'';display:inline-block;vertical-align:middle;width:20px;height:20px;background:url(../../d/images/ban-icon.png) no-repeat;margin-right:10px} .ban-tab{margin-top:-224px;margin-left:35%;margin-right:6%;overflow:hidden} .ban-tab .slick-list{margin-left:-12px} .ban-btn{margin-top:77px;margin-left:104px} .tab-list{float:left;position:relative;padding:20px 20px 25px 90px;background:#fff;-webkit-box-shadow:0 10px 20px rgba(25,64,54,.1);-moz-box-shadow:0 10px 20px rgba(25,64,54,.1);-ms-box-shadow:0 10px 20px rgba(25,64,54,.1);-o-box-shadow:0 10px 20px rgba(25,64,54,.1);box-shadow:0 10px 20px rgba(25,64,54,.1);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;margin:22px 20px 22px 80px} .tab-list:before{content:"";position:absolute;left:-2px;top:-2px;bottom:-2px;right:-2px;background:-webkit-linear-gradient(left,#265d50 20%,#fff 80%);background:-moz-linear-gradient(left,#265d50 20%,#fff 80%);background:-o-linear-gradient(left,#265d50 20%,#fff 80%);background:linear-gradient(to right,#265d50 20%,#fff 80%);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;z-index:-1;width:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s} .tab-pro{position:absolute;left:-70px;top:14px;width:54%} .tab-info a{display:block;color:#333;font-size:18px;font-weight:700;background:url(../../d/images/ban-name01.png) no-repeat right center;line-height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:8px;position:relative} .tab-info p{color:#333;font-size:16px;margin-top:15px} .tab-list.slick-current:before,.tab-list:hover:before{width:100%} .tab-list.slick-current .tab-info a,.tab-list:hover .tab-info a{color:#194036;background-image:url(../../d/images/ban-name02.png)} .banner .slick-slide{outline:0} .ban-tab .slick-slide{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none} .ban-con .slick-next:before,.ban-con .slick-prev:before{display:none} .ban-con .slick-next,.ban-con .slick-prev{font-size:0;top:auto;left:50%;bottom:115px;z-index:99;width:50px;height:50px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%} .ban-con .slick-prev{margin-left:-700px;background-image:url(../../d/images/ban-arrow01.png)} .ban-con .slick-prev:hover{background-image:url(../../d/images/ban-arrow03.png)} .ban-con .slick-next{right:auto;margin-left:-540px;background-image:url(../../d/images/ban-arrow02.png)} .ban-con .slick-next:hover{background-image:url(../../d/images/ban-arrow04.png)} .paging{position:absolute;z-index:99;bottom:56px;left:50%;margin-left:-630px;color:#8c8c8c;font-size:18px} .paging .cur{color:#194036;font-size:28px;font-weight:700} .btn-more{position:relative;z-index:1;display:inline-block;width:200px;line-height:60px;text-align:center;vertical-align:middle;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;color:#f0be4d;background:#014a7f;font-size:20x;overflow:hidden} .btn-more:after{content:"";position:absolute;top:0;left:0;z-index:-1;width:0%;height:100%;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;transition:.4s;background:#f0be4d} .btn-more:hover:after{width:100%} .btn-more:hover{color:#014a7f;background:#f0be4d} .ban-pic{float:right;width:56%;position:relative;margin-top:30px} .ban-pic:after{content:"";position:absolute;right:0;top:-70px;width:211px;height:623px;background:url(../../d/images/ban-right.png) no-repeat} .ban-pic span{position:absolute;right:-155px;top:50%;margin-top:-26px;color:#f0be4d;font-size:15px;line-height:30px;width:150px} .ban-pic img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .ban-pic img:hover{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)} .index-about{padding:150px 0 330px;background:url(../../d/images/about-bg.jpg) #fff bottom right no-repeat} .about-pic{float:left;width:40%} .about-info{float:right;width:57%} .about-info h1{color:#333;font-size:46px;line-height:1.1} .about-info p{color:#666;font-size:18px;line-height:36px;margin-top:40px} .about-info ul{margin-top:50px;margin-left:-3.3%} .about-info ul li{float:left;width:30%;margin-left:3.3%;text-align:center} .about-info ul li strong{display:block;color:#014a7f;font-size:48px;line-height:1.1} .about-info ul li p{margin-top:4px} .about-info span{margin-top:80px} .btn-price{display:inline-block;width:280px;line-height:70px;text-align:center;background-color:#f0be4d;-webkit-border-radius:70px;-moz-border-radius:70px;-ms-border-radius:70px;-o-border-radius:70px;border-radius:70px;color:#333;font-size:24px;cursor:pointer;position:relative;z-index:0} .btn-price:before{content:"";position:absolute;left:-10px;top:-10px;right:-10px;bottom:-10px;background:rgba(240,190,77,.3);-webkit-border-radius:70px;-moz-border-radius:70px;-ms-border-radius:70px;-o-border-radius:70px;border-radius:70px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:-1} .btn-price:hover:before{background:rgba(240,190,77,.1)} .index-txt{text-align:center} .index-txt h2,.index-txt strong{color:#333;font-size:46px;line-height:1.1;display:block} .index-txt h2:after,.index-txt h2:before,.index-txt strong:after,.index-txt strong:before{content:'';display:inline-block;vertical-align:middle;width:35px;height:26px;background-repeat:no-repeat;margin-top:-6px} .index-txt h2:before,.index-txt strong:before{background-image:url(../../d/images/tit-icon01.png);margin-right:20px} .index-txt h2:after,.index-txt strong:after{background-image:url(../../d/images/tit-icon02.png);margin-left:20px} .index-txt p{color:#666;font-size:18px;line-height:30px;margin-top:30px} .index-type{margin-top:-180px} .index-type ul{margin-top:70px} .index-type li{float:left;width:25%;position:relative;overflow:hidden} .index-type li:before{content:"";position:absolute;left:0;bottom:-35%;width:100%;height:35%;background:url(../../d/images/case-txt.png) repeat-x bottom center;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;z-index:1} .index-type li:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .type-pic a img{width:100%} .type-txt{position:absolute;bottom:30px;z-index:2;color:#bbb;line-height:1.2;padding-left:70px} .type-txt a{display:block;color:#bbb;font-size:46px;font-weight:700} .type-txt span{display:block;font-size:18px;margin-top:20px} .type-link{position:absolute;left:50%;top:-50%;margin-left:-60px;margin-top:-60px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;width:120px;height:120px} .type-link img{width:100%;height:auto} .index-type li.type-on:after,.index-type li:hover:after{top:-100%} .index-type li.type-on:before,.index-type li:hover:before{bottom:0} .index-type li.type-on .type-link,.index-type li:hover .type-link{top:50%} .index-type li.type-on .type-txt,.index-type li.type-on .type-txt a,.index-type li:hover .type-txt,.index-type li:hover .type-txt a{color:#fff} .index-type li.type-on .type-txt a:hover,.index-type li:hover .type-txt a:hover{color:#f0be4d} .index-hot{padding-top:120px;background:url(../../d/images/bg-hot.png) no-repeat top center} .hot-pro{position:relative} .hot-txt{position:absolute;left:0;top:0;width:36%} .base-txt h2,.base-txt strong,.hot-txt h2{color:#333;font-size:46px;line-height:1.1;display:block} .base-txt p,.hot-txt p{color:#666;font-size:18px;line-height:36px;margin-top:26px} .hot-con{float:left} .hot01{width:35.7%;margin-top:190px} .hot02{width:25.7%;margin:0 5%} .hot03{width:28.6%;margin-top:128px;position:relative} .hot03:before{content:"";position:absolute;right:0;top:-108px;width:464px;height:264px;background:url(../../d/images/dot-hot.png) no-repeat} .hot-pic{display:block;position:relative;overflow:hidden} .hot-pic img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .hot-pic img:hover{-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);-webkit-transform:scale(1.02);transform:scale(1.02)} .hot01 .hot-pic{padding-top:68%} .hot02 .hot-pic{padding-top:125%} .hot03 .hot-pic{padding-top:100%} .hot-font{margin:25px 0} .hot-font a{display:block;color:#333;font-size:24px;line-height:30px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .hot-font a:hover{color:#014a7f} .hot-font a:before{content:'';display:inline-block;vertical-align:middle;width:30px;height:30px;background:url(../../d/images/icon-pro.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin:-1px 10px 0 -4px} .hot-font p{color:#666;font-size:18px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:12px;padding-left:36px} .index-hot ul{margin-left:-2.6%;margin-top:140px} .index-hot ul li{float:left;width:22.4%;margin-left:2.6%;z-index:0} .hot-list{padding:10px;position:relative} .hot-list:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:180px;background-repeat:no-repeat;background:url(../../d/images/hot-list.png) no-repeat bottom left;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;z-index:-1} .hot-yd .hot-list:before{background-image:url(../../d/images/hot-lists.png)} .hot-list .hot-pic{padding-top:73.9%} .index-pice{position:relative;margin-top:80px} .index-pice>img{width:100%;height:auto} .index-pice .pice{position:absolute;left:34%;top:50px;width:56%} .index-pice .pice h2,.index-pice .pice strong{font-size:46px;color:#fff;display:block} .index-pice .pice p{font-size:18px;color:#dcdcdc;margin-top:20px} .pice-bottom{margin-top:50px} .pice-bottom .piceLeft{float:left;width:70%} .pice-bottom .piceRight{float:right;margin-top:10px;width:30%} .pice-bottom .piceLeft strong{font-size:26px;color:#f0be4d;display:block} .pice-bottom .piceLeft .btn-price{width:350px;height:90px;line-height:90px;display:block;text-align:center;font-size:24px;color:#1d2025;font-weight:700;padding-right:4%;margin-top:60px;position:relative} .pice-bottom .piceLeft .btn-price:after{width:24px;height:23px;background:url(../../d/images/fj.png) no-repeat;content:"";display:inline-block;position:absolute;left:50%;margin-left:100px;top:50%;margin-top:-12.5px} .index-case{position:relative;padding-top:90px;z-index:10;} .index-case:before{content:"";position:absolute;left:120px;top:20px;width:260px;height:243px;background:url(../../d/images/case-icon.png) no-repeat;z-index:-1} .txt-name{float:left;width:700px} .txt-name h2{color:#333;font-size:46px;line-height:1.1} .txt-name p{color:#666;font-size:18px;line-height:36px;margin-top:20px} .txt-btn{float:right;margin-top:50px} .txt-btn span,.txt-btn a{display:inline-block;line-height:60px;padding:0 40px;color:#f0be4d;font-size:20px;font-weight:700;background-color:#014a7f;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px;cursor:pointer;position:relative} .txt-btn span:after,.txt-btn a:after{content:"";position:absolute;left:5px;top:5px;right:5px;bottom:5px;border:1px dashed #f0be4d;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .txt-btn span:hover:after,.txt-btn a:hover:after{top:8px;left:8px;right:8px;bottom:8px} .case-no{display:none} .case-link{margin-left:-3%;margin-top:66px} .case-link li{float:left;width:30.3%;margin-left:3%;margin-bottom:3%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .case-pic{margin-right:7%} .case-pic a{display:block;position:relative;padding-top:75%} .case-pic a img{position:absolute;left:0;top:0;width:100%;height:100%} .case-info{position:relative;padding:26px 30px;margin-left:6%;margin-top:-50px;background:url(../../d/images/case-line.png) left top;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 10px 20px rgba(0,0,0,.1);-ms-box-shadow:0 10px 20px rgba(0,0,0,.1);-o-box-shadow:0 10px 20px rgba(0,0,0,.1);box-shadow:0 10px 20px rgba(0,0,0,.1)} .case-info:before{content:"";position:absolute;left:0;bottom:0;width:80px;height:4px;background-color:#014a7f;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .case-info h3 a{display:block;color:#333;font-size:24px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:32px} .case-info h3 a:hover{color:#014a7f} .case-info p{color:#666;font-size:16px;line-height:30px;margin-top:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .case-info p:before{content:'';display:inline-block;vertical-align:middle;width:10px;height:10px;border:1px solid #014a7f;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;margin-right:8px;margin-top:-3px} .case-more{position:absolute;right:30px;top:26px} .case-more img{width:32px;height:auto} .case-link li:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)} .case-link li:hover .case-info:before{width:100%} .index-video{padding-bottom:100px;margin-top:120px;position:relative} .index-video:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:600px;background:url(../../d/images/video-bg.png) #1d2025 no-repeat bottom center;z-index:-1} .video-base{float:left;width:55%} .video-con{margin-top:44px;position:relative} .video-btn{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;cursor:pointer} .video-btn img{position:absolute;width:140px;height:140px;left:50%;top:50%;margin-left:-70px;margin-top:-70px;z-index:99} .video-con video{width:100%;height:auto} .video-link{margin-top:84px} .video-link strong{display:block;font-weight:400;color:#fff;font-size:36px;line-height:1.1;text-align:center;position:relative;top:-20px} .video-link span{display:inline-block;margin-top:60px;line-height:70px;width:260px;text-align:center;background:-webkit-linear-gradient(left,#fb2740 0,#fe5f60 100%);background:-moz-linear-gradient(left,#fb2740 0,#fe5f60 100%);background:-ms-linear-gradient(left,#fb2740 0,#fe5f60 100%);background:-o-linear-gradient(left,#fb2740 0,#fe5f60 100%);background:linear-gradient(to right,#fb2740 0,#fe5f60 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FB2740, endColorstr=#FE5F60, GradientType=1);-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px;-webkit-box-shadow:0 0 30px rgba(251,39,64,.2);-moz-box-shadow:0 0 30px rgba(251,39,64,.2);-ms-box-shadow:0 0 30px rgba(251,39,64,.2);-o-box-shadow:0 0 30px rgba(251,39,64,.2);box-shadow:0 0 30px rgba(251,39,64,.2);color:#fff;font-size:24px;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .video-link span:hover{margin-left:8px} .video-info{float:right;width:45%;position:relative;padding:80px 6% 0 5%;color:#dcdcdc;font-size:18px;line-height:36px} .video-info:before{content:"";position:absolute;left:-25%;right:0;top:0;height:100%;background-color:#1d2025;z-index:-1;-webkit-box-shadow:0 0 50px rgba(29,32,37,.3);-moz-box-shadow:0 0 50px rgba(29,32,37,.3);-ms-box-shadow:0 0 50px rgba(29,32,37,.3);-o-box-shadow:0 0 50px rgba(29,32,37,.3);box-shadow:0 0 50px rgba(29,32,37,.3)} .video-info li{margin-bottom:80px} .video-info strong{display:block;color:#fff;font-size:24px} .video-info strong i{display:inline-block;color:#f0be4d;margin-right:20px} .video-info p{margin-top:18px} .index-news{margin-top:100px} .index-news .index-txt{margin-bottom:40px} .news-box{float:left;width:47%} .box-fr{margin-left:6%} .news-txt{line-height:40px} .txt-more{float:right;width:50px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .txt-more:hover{margin-right:-5px} .txt-con{overflow:hidden;display:block;color:#333;font-size:30px;font-weight:700} .txt-con:before{content:'';display:inline-block;vertical-align:middle;width:49px;height:34px;background:url(../../d/images/tit-icon03.png) no-repeat;margin-right:15px;margin-top:-2px} .txt-con:hover{color:#014a7f} .box-hot{margin-top:30px} .box-hot li{padding:20px;background-color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 3px 15px rgba(37,92,79,.15);-moz-box-shadow:0 3px 15px rgba(37,92,79,.15);-ms-box-shadow:0 3px 15px rgba(37,92,79,.15);-o-box-shadow:0 3px 15px rgba(37,92,79,.15);box-shadow:0 3px 15px rgba(37,92,79,.15);overflow:hidden;position:relative;margin-bottom:40px} .box-pic{float:left;width:200px} .box-pic a{display:block;position:relative;padding-top:66.25%;overflow:hidden} .box-pic a:before{content:" ";position:absolute;z-index:1;top:20px;left:-200px;width:240px;height:40px;background:rgba(255,255,255,.3);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;transition:all .15s ease-in-out} .box-pic a:hover:before{margin-left:400px} .box-pic a img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px} .box-info{display:block;overflow:hidden;padding:6px 20px} .box-info a{display:block;color:#333;font-size:18px;line-height:28px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .box-info a:hover{color:#014a7f} .box-info p.box-font{line-height:26px;height:52px;margin-top:10px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .box-info span{display:inline-block;color:#aaa;font-size:16px;margin-top:12px} .box-more{position:absolute;right:0;bottom:0;width:42px;line-height:42px;text-align:center;background-color:#014a7f;-webkit-border-top-left-radius:10px;-moz-border-top-left-radius:10px;-ms-border-top-left-radius:10px;-o-border-top-left-radius:10px;border-top-left-radius:10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .box-more:hover{width:50px} .box-list li{line-height:34px;margin-top:40px} .box-list li span{float:right;width:90px;margin-left:20px;color:#aaa;font-size:16px} .box-list li a{display:block;overflow:hidden;color:#666;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .box-list li a:before{content:'';display:inline-block;vertical-align:middle;width:26px;height:26px;background:url(../../d/images/news-icon.png) no-repeat;margin-right:8px;margin-top:-6px} .box-list li:hover a{margin-left:4px;color:#014a7f} .index-cont{margin-top:100px;position:relative;padding:55px 66px;z-index:1} .index-cont:before{content:"";position:absolute;left:0;top:0;width:82%;height:100%;background-color:#014a7f;-webkit-border-radius:0 20px 20px 0;-moz-border-radius:0 20px 20px 0;-ms-border-radius:0 20px 20px 0;-o-border-radius:0 20px 20px 0;border-radius:0 20px 20px 0;z-index:-1} .index-cont:after{content:"";position:absolute;left:0;bottom:-7px;width:259px;height:400px;background:url(../../d/images/pic-head01.png) no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%} .cont-font{float:left;color:#fff;font-size:30px;line-height:30px;font-weight:700;margin-left:12px;margin-top:-40px} .cont-font p{margin-top:60px} .cont-font i{display:inline-block;color:#f0be4d} .cont-edit{float:left;margin-left:20px} .edit-area,.edit-btn,.edit-text{float:left;margin-left:30px} .edit-text{margin-top:-30px} .edit-text label{display:block;margin-top:30px;position:relative} .edit-text label i{position:absolute;color:#ff3434;top:16px;right:10px;font-size:20px} .edit-area textarea,.edit-text label input{background-color:rgba(255,255,255,.1);border:1px solid #fff;width:260px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;color:#eee;font-size:18px;padding:17px 16px} .edit-area label{display:block} .edit-area textarea{line-height:36px;height:154px;padding-top:8px;padding-bottom:8px} .edit-btn button{position:relative;background:-webkit-linear-gradient(left,#f0be4d 0,#fbda8f 50%,#f0be4d 100%);background:-moz-linear-gradient(left,#f0be4d 0,#fbda8f 50%,#f0be4d 100%);background:-ms-linear-gradient(left,#f0be4d 0,#fbda8f 50%,#f0be4d 100%);background:-o-linear-gradient(left,#f0be4d 0,#fbda8f 50%,#f0be4d 100%);background:linear-gradient(to right,#f0be4d 0,#fbda8f 50%,#f0be4d 100%);width:150px;height:146px;color:#333;font-size:24px;font-weight:700;line-height:48px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;cursor:pointer;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s} .edit-btn button:before{content:"";position:absolute;left:0;top:8px;width:100%;height:100%;background-color:#a47a1a;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;z-index:-1;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .edit-btn button:hover{height:154px;color:#014a7f} .edit-btn button:hover:before{top:0} .index-link{position:relative;padding:50px 0;background-color:#f5f5f5;z-index:0} .index-link:before{content:"";position:absolute;left:106px;top:-130px;right:0;bottom:0;background-color:#393b45;-webkit-border-bottom-left-radius:20px;-moz-border-bottom-left-radius:20px;-ms-border-bottom-left-radius:20px;-o-border-bottom-left-radius:20px;border-bottom-left-radius:20px;z-index:-1} .link-con{float:left;width:15%;margin-left:7.1%} .link-fl{margin-left:0} .link-con a{color:#b3b3b3;font-size:16px;line-height:46px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .link-con a:hover{color:#fff;font-size:17px} .link-con dt{margin-bottom:20px} .link-con dt a{color:#fff;font-size:30px;font-weight:700} .link-con dt a:hover{color:#f0be4d;font-size:30px} .link-care{float:right;width:480px;margin-top:10px} .link-care p{color:#bebebf;font-size:18px;line-height:1.2;margin-bottom:36px} .link-care p strong{color:#f0be4d;font-size:30px;padding-left:5px;position:relative;top:2px} .link-care p.care-txt{color:#81dac5;font-size:24px} .index-foot{background-color:#f5f5f5;padding:20px 0 40px;text-align:center;font-size:14px;color:#666;line-height:24px} .foot-link a{display:inline-block;color:#666;margin-right:12px} .foot-link a:hover{color:#194036} .index-foot p{margin-top:20px} .index-foot p a{color:#194036;margin:0 12px} .index-foot p a:hover{text-decoration:underline} .index-footer{background-color:#34363b;color:#fff;font-size:14px;text-align:center;line-height:24px;padding:18px 0} /* about style */ .head-con .nav li a{color:#fff} .head-con .nav li.nav-on a,.head-con .nav li:hover a{color:#f0be4d} .top-about{padding-top:156px;background-repeat:no-repeat;-webkit-background-size:100%;-moz-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;background-image:url(../../d/images/about-con.jpg);background-position:top right} .place-show{font-size:14px;line-height:30px;color:#888} .place-show i{display:inline-block;color:#acacac} .place-show ol{display:inline-block} .place-show ol li{display:inline-block;padding:0 2px} .place-show ol a{color:#acacac} .place-show ol a:hover{color:#f0be4d} .about-streng{margin-top:70px;width:680px} .about-txt h1,.about-txt h2,.about-txt strong{color:#f0be4d;font-size:46px;line-height:1.1;display:block} .about-txt h1{font-size:48px} .about-txt p{color:#d3d3d3;font-size:18px;line-height:36px;margin-top:60px} .area-btn{display:inline-block;width:200px;line-height:70px;background:url(../../d/images/area-btn.png) no-repeat;color:#fff;font-size:22px;padding-left:40px;position:relative;margin-top:24px;cursor:pointer} .area-btn:before{content:"";position:absolute;right:32px;top:20px;width:30px;height:30px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;background:url(../../d/images/area-icon.png) no-repeat} .area-btn:hover{color:#f0be4d} .area-btn:hover:before{right:28px} .about-video{margin-top:70px} .about-video span{display:inline-block;width:250px;line-height:90px;background:url(../../d/images/video-about.png) no-repeat;text-align:center;color:#fff;font-size:22px;text-indent:-40px;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .about-video span:hover{font-size:24px;color:#f0be4d} .popu-video{position:fixed;width:100%;height:100%;left:0;top:-100%;-webkit-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;opacity:0;filter:alpha(opacity=0);z-index:9999} .popu-video.open{top:0;opacity:1;filter:alpha(opacity=100)} .popu-bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6)} .popu-video .video-show{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;width:92%;max-width:1000px} .popu-video .video-show video{display:block;width:100%;height:auto} .popu-video .video-close{position:absolute;right:0;top:-50px;font-size:40px;line-height:1;color:#fff;cursor:pointer;font-weight:400;font-style:normal} .about-honor{margin-top:50px;position:relative;z-index:0;font-size:0} .about-honor:before{content:"";position:absolute;left:0;top:66px;bottom:66px;width:50%;border:6px solid #f0be4d;z-index:-1} .honor-info{display:inline-block;vertical-align:middle;width:48%;padding:0 46px} .honor-info p{margin-top:50px} .honor-pic{display:inline-block;vertical-align:middle;width:52%} .honor-pic img{width:100%;height:auto} .about-vie{margin-top:110px} .vie-pic{float:left;width:48%} .vie-pic img{width:100%;height:auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px} .vie-info{float:left;width:52%;padding-top:24px;padding-left:70px} .vie-info p{margin-top:40px} .vie-info li{margin-top:72px;color:#d3d3d3;font-size:18px} .vie-info li:before{content:'';display:inline-block;vertical-align:middle;width:79px;height:34px;background:url(../../d/images/about-line.png) no-repeat;margin-top:-20px;margin-right:24px} .vie-info li strong{display:inline-block;vertical-align:bottom;font-size:48px;line-height:1;margin-right:18px;color:#fff} .vie-info li strong i{font-size:26px;position:relative;bottom:0;margin-left:5px} .about-area{margin-top:66px;background:url(../../d/images/about-pic.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .area-info{float:left;width:50%;padding:50px 40px} .area-pic{float:left;width:50%} .pic-tab{position:relative;padding-top:64.3%} .pic-tab img{position:absolute;left:0;top:0;width:100%;height:100%} .area-pic .slick-next:before,.area-pic .slick-prev:before{display:none} .area-pic .slick-next,.area-pic .slick-prev{font-size:0;top:auto;left:0;bottom:72px;z-index:99;width:32px;height:24px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%} .area-pic .slick-prev{margin-left:-226px;background-image:url(../../d/images/area-arrow01.png)} .area-pic .slick-prev:hover{background-image:url(../../d/images/area-arrow03.png)} .area-pic .slick-next{margin-left:-80px;background-image:url(../../d/images/area-arrow02.png)} .area-pic .slick-next:hover{background-image:url(../../d/images/area-arrow04.png)} .about-area{position:relative;z-index:1} .about-area .pagings{position:absolute;bottom:63px;left:50%;margin-left:-172px;color:#8c8c8c;font-size:18px} .about-area .pagings .cur{color:#fff;font-size:28px;font-weight:700} .about-union{position:relative;padding-top:110px;z-index:0} .about-price{position:relative} .price-info{width:50%} .price01{background-color:#2b6c5c;color:#fff} .price01:before{background:rgba(43,108,92,.3)} .price01:hover:before{background:rgba(43,108,92,.1)} .price-con{margin-top:70px} .price-con img{margin-left:20px} .price-pic{position:absolute;left:50%;top:10px;width:41%} .price-pic img{width:100%;height:auto} .about-nation p{text-align:left} .about-nation p img{width:100%;height:auto;margin-top:25px} .about-ser{position:relative;padding-top:120px;margin-top:110px;background:url(../../d/images/about-ser.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden} .about-ser li{float:left;width:49.6%;color:#fff;font-size:20px;line-height:48px;margin-bottom:130px;position:relative;padding-left:36px} .about-ser li:before{content:"";position:absolute;left:6px;top:8px;width:4px;height:80px;background-color:#ffc747} .about-ser li.ser-no:before{display:none} .about-ser li i{color:#ffc747} .ser-font{position:absolute;left:52%;top:40%;width:570px;z-index:2} .ser-font strong{color:#ffc747;font-size:48px;line-height:1.1} .ser-font p{color:#d3d3d3;font-size:18px;line-height:36px;margin-top:40px} .ser-shield{position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:-328px} .ser-shield span{position:relative;display:inline-block;width:160px;height:160px;text-align:center;line-height:160px;background:rgba(255,199,71,.05);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;z-index:6} .shield-con{position:relative;z-index:0} .shield-line{position:absolute;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:rgba(255,199,71,.05);opacity:1;z-index:-1} .shield-con:before{content:"";position:absolute;z-index:0;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:600px;height:600px;background:rgba(255,199,71,.05);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:pulse-border 1.5s ease-out infinite;animation:pulse-border 1.5s ease-out infinite} .shield-con:after{content:"";position:absolute;z-index:1;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);display:block;width:400px;height:400px;background:rgba(255,199,71,.05);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s} @-webkit-keyframes pulse-border{ 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @keyframes pulse-border{ 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } /* service style */ .top-con{padding-top:155px;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .top-ser{background-image:url(../../d/images/bantop-ser.jpg)} .top-pro{background-image:url(../../d/images/bantop-pro.jpg);padding-bottom:100px} .top-case{background-image:url(../../d/images/bantop-case.jpg);padding-bottom:100px} .top-news{background-image:url(../../d/images/bantop-news.jpg);padding-bottom:100px} .top-base{padding:70px 0} .top-base h1{display:inline-block;color:#f0be4d;font-size:48px;line-height:1.1} .top-base p{color:#d3d3d3;font-size:18px;line-height:30px;margin-top:55px} .ser-idea{padding:80px 0;background-color:#f4f4f4} .ser-idea ul{margin-left:-3%;margin-top:50px} .ser-idea ul li{float:left;width:30.3%;margin-left:3%;position:relative} .ser-idea ul li img{width:100%;height:auto;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px} .ser-idea ul li strong{position:absolute;left:0;bottom:0;width:112px;height:74px;line-height:77px;background:url(../../d/images/ser-idea.png) no-repeat;color:#fff;font-size:24px;z-index:2;padding-left:24px} .ser-idea ul li p{position:absolute;right:0;bottom:0;left:90px;background-color:#f0be4d;line-height:50px;text-align:center;padding-left:6px;color:#333;font-size:18px;-webkit-border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;-ms-border-bottom-right-radius:10px;-o-border-bottom-right-radius:10px;border-bottom-right-radius:10px} .ser-flow{margin-top:75px} .ser-flow ul{margin-left:-5%;margin-top:55px} .ser-flow ul li{float:left;width:11.6%;margin-left:5%;text-align:center;position:relative} .ser-flow ul li:after{content:"";position:absolute;right:-28%;top:33%;width:20px;height:32px;background:url(../../d/images/ser-flow.png) no-repeat} .ser-flow ul li.flow-last:after{display:none} .ser-flow ul li img{max-width:100%;height:auto;-webkit-transition:all .8s cubic-bezier(.5,0,.2,1) 0s;transition:all .8s cubic-bezier(.5,0,.2,1) 0s;-moz-transition:all .8s cubic-bezier(.5,0,.2,1) 0s;-ms-transition:all .8s cubic-bezier(.5,0,.2,1) 0s;-o-transition:all .8s cubic-bezier(.5,0,.2,1) 0s} .ser-flow ul li:hover img{transform:rotateY(0) rotateZ(360deg) rotateX(0);-webkit-transform:rotateY(0) rotateZ(360deg) rotateX(0);-moz-transform:rotateY(0) rotateZ(360deg) rotateX(0);-ms-transform:rotateY(0) rotateZ(360deg) rotateX(0);-o-transform:rotateY(0) rotateZ(360deg) rotateX(0)} .ser-flow ul li p{color:#666;font-size:18px;line-height:24px;margin:20px 0} .ser-parts{margin-top:80px;padding:80px 0 90px;background-color:#f4f4f4} .part-info{float:left;width:65%} .part-con{position:relative;margin-top:52px} .part-con span{position:absolute;left:0;top:-6px;cursor:pointer} .part-con span img{width:100%;height:auto} .part-pic{float:right;width:30%} .part-pic img{width:100%;height:auto} /* product style */ .pro-cons{position:relative;margin-top:-95px;z-index:0;padding-top:50px} .pro-cons:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;-webkit-border-radius:40px 40px 0 0;-moz-border-radius:40px 40px 0 0;-ms-border-radius:40px 40px 0 0;-o-border-radius:40px 40px 0 0;border-radius:40px 40px 0 0;z-index:-1} .more-btn{float:right;width:200px;line-height:50px;background:url(../../d/images/more-btn.png) no-repeat;color:#fff;font-size:22px;padding-left:40px;position:relative;top:10px} .more-btn:after,.more-btn:before{content:"";position:absolute;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .more-btn:before{right:10px;top:10px;width:30px;height:30px;background:url(../../d/images/more-icon.png) no-repeat} .more-btn:after{right:20px;top:19px;width:27px;height:12px;background:url(../../d/images/more-arrow.png) no-repeat} .more-btn:hover{color:#f0be4d} .more-btn:hover:before{right:24px} .more-btn:hover:after{right:10px} .pro-txt p{color:#666;font-size:18px;line-height:36px;margin-top:10px} .pro-con{max-width:1280px;margin:0 auto} .pro-con ul{margin-top:34px;margin-left:-2.1%;padding-bottom:100px} .pro-con ul li{float:left;width:31.2%;margin-left:2.1%;background:url(../../d/images/pro-line.png);-webkit-box-shadow:0 3px 2px rgba(247,171,0,.3);-moz-box-shadow:0 3px 2px rgba(247,171,0,.3);-ms-box-shadow:0 3px 2px rgba(247,171,0,.3);-o-box-shadow:0 3px 2px rgba(247,171,0,.3);box-shadow:0 3px 2px rgba(247,171,0,.3);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .pro-con ul li:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)} .pro-pic{position:relative;padding-top:73.9%;display:block} .pro-pic img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px} .pro-info{padding:30px 12px} .pro-info a{display:block;color:#333;font-size:24px;line-height:30px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px} .pro-info a:hover{color:#014a7f} .pro-info a:before{content:'';display:inline-block;vertical-align:middle;width:30px;height:30px;background:url(../../d/images/icon-pro.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin:-1px 10px 0 -4px} .pro-info p{color:#666;font-size:18px;line-height:42px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} /* case style */ .color-bg{background-color:#f5f5f5} .case-con{position:relative;margin-top:-95px} .case-tab{padding:40px 0;background:url(../../d/images/case-line.png) left top;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(37,92,79,.15);-moz-box-shadow:0 5px 20px rgba(37,92,79,.15);-ms-box-shadow:0 5px 20px rgba(37,92,79,.15);-o-box-shadow:0 5px 20px rgba(37,92,79,.15);box-shadow:0 5px 20px rgba(37,92,79,.15)} .case-tab li{float:left;width:20%;text-align:center;color:#666;font-size:24px;line-height:40px;position:relative;cursor:pointer} .case-tab li:after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#aaa} .case-tab li:last-child:after{display:none} .case-tab li.case-on,.case-tab li:hover{color:#2b6c5c;font-weight:700} .case-list li{margin-bottom:80px} /* news style */ .news-con{margin-top:-95px;padding:70px 60px;background-color:#fff;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-ms-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0} .hot-news{position:relative;float:left;width:62.5%} .news-pic{position:relative;padding-top:66.25%;display:block;overflow:hidden;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px} .news-pic img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .hot-news:hover img{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)} .hot-name{position:absolute;left:0;bottom:0;width:100%;height:168px;background:url(../../d/images/news-hotbg01.png) no-repeat;-webkit-background-size:100%;-moz-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;padding:16px 50px;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-ms-border-radius:0 0 10px 10px;-o-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px} .hot-name a{display:block;color:#fff;font-size:30px;font-weight:700;line-height:1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .hot-name a:hover{color:#f0be4d} .hot-name p{color:#d3d3d3;font-size:18px;line-height:36px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:20px} .hot-link{float:right;width:30%;margin-top:110px;padding:44px 40px;background:-webkit-linear-gradient(left,#368873 0,#014a7f 100%);background:-moz-linear-gradient(left,#368873 0,#014a7f 100%);background:-ms-linear-gradient(left,#368873 0,#014a7f 100%);background:-o-linear-gradient(left,#368873 0,#014a7f 100%);background:linear-gradient(to right,#368873 0,#014a7f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#368873, endColorstr=#014a7f, GradientType=1);position:relative;z-index:0;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,.15);-moz-box-shadow:0 5px 20px rgba(0,0,0,.15);-ms-box-shadow:0 5px 20px rgba(0,0,0,.15);-o-box-shadow:0 5px 20px rgba(0,0,0,.15);box-shadow:0 5px 20px rgba(0,0,0,.15)} .hot-link:after{content:"";position:absolute;left:6px;top:6px;right:6px;bottom:6px;background:url(../../d/images/link-bg.png);-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;border-radius:16px;z-index:-1} .hot-link li{color:#014a7f;font-size:18px;font-weight:700;line-height:36px;margin-bottom:20px} .hot-link li:before{content:'';display:inline-block;vertical-align:middle;width:26px;height:26px;background:url(../../d/images/link-icon.png) no-repeat;margin-right:8px;margin-top:-2px} .hot-link p{color:#333;font-size:18px;line-height:36px} .link-btn{position:absolute;left:0;top:-96px;width:220px;height:62px;color:#fff;font-size:22px;line-height:56px;padding-left:20px;background:url(../../d/images/link-btn.png) no-repeat;} .link-head{position:absolute;right:0;top:-110px;width:134px} .link-head img{width:100%;height:auto} .link-sell{position:absolute;top:-5px;right:-12px;width:196px;height:196px;background:url(../../d/images/link-sell.png) no-repeat;color:#fff;font-size:24px;line-height:36px;padding:16px 33px;text-align:right} .link-sell strong{display:block;color:#f0be4d;line-height:1.1} .link-sell strong i{font-size:48px;margin-right:3px;position:relative;top:3px} .link-tel{position:absolute;left:-17px;bottom:-55px;width:301px;height:135px;background:url(../../d/images/link-tel.png) no-repeat;color:#f0be4d;font-size:24px;font-weight:700;line-height:135px;padding-left:50px} .news-hots{margin-top:40px} .news-hots ul{margin-left:-4.7%} .news-hots ul li{float:left;width:45.3%;margin-left:4.7%;position:relative;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;overflow:hidden} .hots-pic{position:relative;padding-top:42.6%;display:block} .hots-pic img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .news-hots ul li:hover img{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)} .hots-name{position:absolute;left:0;bottom:0;width:100%;height:147px;background:url(../../d/images/news-hotbg02.png) no-repeat;-webkit-background-size:100%;-moz-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;padding:84px 30px 10px;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-ms-border-radius:0 0 10px 10px;-o-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;color:#fff;font-size:24px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .news-hots ul li:hover .hots-name{color:#f0be4d} .news-list{margin-top:36px} .news-list ul{margin-left:-4.7%} .news-list li{float:left;width:45.3%;margin-left:4.7%;line-height:34px;margin-top:40px} .news-list li span{float:right;width:90px;margin-left:20px;color:#aaa;font-size:16px} .news-list li a{display:block;overflow:hidden;color:#666;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .news-list li a:before{content:'';display:inline-block;vertical-align:middle;width:26px;height:26px;background:url(../../d/images/news-icon.png) no-repeat;margin-right:8px;margin-top:-6px} .news-list li:hover a{margin-left:4px;color:#014a7f} .main-page{position:relative;width:100%;color:#333;font-size:16px;line-height:38px;text-align:center;margin:70px auto 70px;} .main-page a,.main-page span{display:inline-block;color:#666;margin:0 5px;padding:0 14px;border:1px solid #dedfe0;background-color:#fff;cursor:pointer} .main-page .current{color:#fff;border:1px solid #014a7f;background-color:#014a7f} .pagination{display:inline-block;margin:0 auto} .pagination li{float:left} .active span,.disabled span{cursor:default} .page-active span{border:1px solid #014a7f;cursor:default;display:block;padding:2px;width:40px;height:40px;line-height:35px;text-align:center} .main-page a:hover,.page-active span,.pagination .active span,.ul-tab-page .on a{color:#fff;border:1px solid #014a7f;background:#014a7f;-webkit-box-shadow:0 5px 10px -2px rgba(37,92,79,.35);box-shadow:0 5px 10px -2px rgba(37,92,79,.35)} .pagination ul{display:inline-block} .dn{display:none} .t-page{box-sizing:inherit;display:none;position:absolute;left:50%;width:600px;bottom:80px;margin-left:-300px;padding:26px 26px 10px;border:1px solid #dedfe0;z-index:10;background-color:#fff} .t-page .close{position:absolute;right:0;top:5px;width:30px;height:30px;line-height:30px;color:#333;cursor:pointer} .t-page .ico{content:'';position:absolute;bottom:-12px;left:50%;margin-left:-12px;width:0;height:0;border-width:12px 12px 0;border-style:solid;border-color:#dedfe0 transparent transparent} .t-page .ico em{content:'';position:absolute;bottom:1px;left:-12px;width:0;height:0;border-width:12px 12px 0;border-style:solid;border-color:#fff transparent transparent} .ul-page{text-align:center;overflow:hidden} .ul-page li{float:left;margin-bottom:10px} .ul-page li a{display:block;padding:2px;width:40px;height:40px;line-height:35px;border:1px solid #cacaca;text-align:center} .ul-page li a,.ul-page li span{margin:0 7px} .ul-tab-page{overflow:hidden;margin-top:20px} .ul-tab-page li{float:left;width:20%;text-align:center;margin-bottom:15px} .ul-tab-page li a{display:block;font-size:16px;color:#333;padding:0 12px;line-height:36px;border:1px solid #f5f5f5;background-color:#f5f5f5} /* 案例内页 */ .pro-page{background-image:url(../../d/images/page-pro.jpg);padding-bottom:80px} .case-page{background-image:url(../../d/images/page_case.jpg);padding-bottom:80px} .page-top{margin-top:-25px} .page-top .page-left{float:left;width:48%;max-width:670px;position:relative;z-index:2;margin-top:71px} .page-top .page-left img{width:100%;border-radius:10px 60px 0 60px;-webkit-border-radius:10px 60px 0 60px;-moz-border-radius:10px 60px 0 60px;-ms-border-radius:10px 60px 0 60px;-o-border-radius:10px 60px 0 60px;box-shadow:0 3px 49px rgba(8,39,42,.2)} .page-top .page-right{float:right;width:70%;margin-left:-20%;margin-right:7px;background-color:#fff;position:relative;z-index:1;padding:70px 50px 0 22%;border-top-left-radius:100px;height:590px} .page-top .page-right:before{width:107px;height:89px;background:url(../../d/images/yq.png) no-repeat;background-size:100% 100%;content:"";display:block;position:absolute;top:0;right:0} .page-top .page-right:after{background:url(../../d/images/sj_a.png) no-repeat;width:256px;height:224px;background-size:100% 100%;content:"";display:block;position:absolute;right:-22px;bottom:-22px} .page-top .page-right h1{font-size:36px;color:#333} .page-top .page-right li{font-size:18px;color:#4d4f53;margin-top:30px;padding-left:60px;position:relative;line-height:2em} .page-top .page-right li:before{width:54px;height:46px;background:url(../../d/images/fk.png) no-repeat;background-size:100% 100%;position:absolute;left:-10px;top:-3px;content:"";display:block} .page-top .page-right .box{margin-top:50px} .page-top .page-right .box .box-left{float:left} .page-top .page-right .box .box-left p{font-size:18px;color:#4d4f53} .page-top .page-right .box .box-left strong{font-size:28px;color:#014a7f} .page-top .page-right .box .box-right{width:256px;height:75px;line-height:75px;position:relative;z-index:100} .page-top .page-right .box .box-right span { display: block; text-align: center; cursor: pointer; box-shadow: 0 5px 20px rgba(49, 72, 125, .3); border-radius: 30px 10px 10px 0; -webkit-border-radius: 30px 10px 10px 0; -moz-border-radius: 30px 10px 10px 0; -ms-border-radius: 30px 10px 10px 0; -o-border-radius: 30px 10px 10px 0; background:#FFF; font-size: 24px; color: #206268; font-weight: 700 } .nicond1{ position: absolute; right: 0; top: 0; display: none; } .page-top .page-right .box .box-right:before{background:url(../../d/images/d_bg.png) no-repeat;width:171px;height:66px;content:"";display:block;position:absolute;right:-44%;top:5px;z-index:-1;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease} .page-top .page-right .box .box-right:hover:before{right:-30%;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease} .content-box{background:#f5f5f5} .list-nav{background:#2e3038;padding:31px 0} .list-nav li{float:left;width:25%;font-size:22px;color:#ccccd4;text-align:center;background:url(../../d/images/bt_icon.png) no-repeat 35% center;background-size:20px 22px;position:relative;padding-left:3%;cursor:pointer} .list-nav li a{color:#ccccd4} .list-nav li:after{width:1px;height:30px;background:#5f5f5f;content:"";display:block;position:absolute;right:0;top:50%;margin-top:-15px} .list-nav li.last:after{display:none} .content-base{background:#fff;padding:60px} .content-left{float:left;width:63%} .content-left .content h2{font-size:28px;color:#014a7f;position:relative;padding-left:45px;margin:32px 0 30px} .content-left .content h2:before{background:url(../../d/images/h_bg.png) no-repeat;background-size:100% 100%;width:33px;height:22px;content:"";display:block;position:absolute;left:0;top:15px} .content-left .content h3{font-size:26px;color:#014a7f;margin:32px 0 30px} .content-left .content h4{font-size:24px;color:#014a7f;margin:32px 0 30px} .content-left .content.cont-news h2{padding-left:0} .content-left .content.cont-news h2:before{display:none} .content-left .content.cont-news h3{padding-left:45px;position:relative} .content-left .content.cont-news h3:before{background:url(../../d/images/h_bg.png) no-repeat;background-size:100% 100%;width:33px;height:22px;content:"";display:block;position:absolute;left:0;top:11px} .content-left .content p{font-size:18px;color:#4d4f53;line-height:2em;margin-bottom:30px;text-indent:2em} .content-left .content .pc_cs{margin-bottom:30px} .content-left table{margin-top:30px} .content-left table.zsj-table{border-top:1px solid #ccc;border-right:1px solid #ccc;margin:30px 0} .content-left table.zsj-table td{text-align:center;border-left:1px solid #ccc;border-bottom:1px solid #ccc;line-height:36px} .content-left table.zsj-table .zsj-name{background-color:#014a7f;color:#fff;font-weight:700} .content-left .content p img,.content-left .content p video{max-width:800px;height:auto;width:100%;margin-left:-2em} .content-left .content p.font-explain,.content-left .content p.img-ms{text-align:center;font-size:18px;color:#b4861d;margin-left:-2em} .content-left .content p strong{font-size:20px;color:#4d4f53} .content-left .content p a{padding:0 4px;color:#da251d} .content-left .content p a:hover{text-decoration:underline} .nrswt{position:relative;display:inline-block;height:54px;line-height:54px;background:url(../../d/images/btn-fc.png) repeat-x;margin-left:30px;margin-right:55px;cursor:pointer;text-indent:0} .nrswt:before{content:"";position:absolute;left:-25px;top:0;width:25px;height:54px;background:url(../../d/images/btn-fl.png) no-repeat} .nrswt:after{content:"";position:absolute;right:-50px;top:0;width:50px;height:54px;background:url(../../d/images/btn-fr.png) no-repeat} .nrswt:hover{font-weight:700} .content-left .content table td{padding:5px 2px;word-break:break-all} .case-pro{margin-top:70px} .case-pro strong{font-size:36px;text-align:center;color:#255d50;background:-webkit-linear-gradient(330deg,#368773 0,#255d50 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent} .case-pro strong span{color:#255d50} .case-pro ul{margin-left:-2.5%;margin-top:30px} .case-pro ul li{float:left;width:22.5%;margin-left:2.5%;text-align:center} .case-pro ul li a{display:block;overflow:hidden} .case-pro li img{-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s} .case-pro li:hover img{-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);-webkit-transform:scale(1.08,1.08);transform:scale(1.08,1.08)} .case-pro li p a{line-height:16px;margin:20px auto;color:#4d4f53} .content-right{float:right;width:31%;padding-right:15px} .content-right .hot-link{width:auto;float:none} .content-right .hot-link .link-bj{font-size:24px;color:#fff} .content-right .hot-link .link-bj{position:absolute;top:0;right:0;width:174px;height:188px;background:url(../../d/images/link_bg.png) no-repeat;color:#fff;font-size:24px;line-height:36px;padding:16px 15px 0;text-align:right;cursor:pointer} .content-right .hot-link .link-bj:hover{color:#f0be4d} .xg-pro{background:#014a7f;background:-webkit-linear-gradient(left,#368873 0,#014a7f 100%);background:-moz-linear-gradient(left,#368873 0,#014a7f 100%);background:-ms-linear-gradient(left,#368873 0,#014a7f 100%);background:-o-linear-gradient(left,#368873 0,#014a7f 100%);background:linear-gradient(to right,#368873 0,#014a7f 100%);position:relative;box-shadow:0 5px 20px rgba(0,0,0,.15)} .xg-pro:after { content: ""; display: block; background: url(../../d/images/nwbg.jpg); content: ""; position: absolute; left: 6px; top: 6px; right: 6px; bottom: 6px } .xg-pro strong { font-size: 24px; color: #fff; background: url(../../d/images/hot_pro.png) no-repeat; width: 365px; height: 79px; line-height: 70px; text-align: center; display: none; background-size: 100% 100%; position: absolute; left: -15px; top: 45px; z-index: 20; } .xg-pro ul{position:relative;z-index:10;padding:125px 31px 30px} .xg-pro ul li{text-align:center;margin-top:30px} .xg-pro ul li .img-pic{position:relative;padding-top:73.9%;display:block;margin-bottom:11px;overflow:hidden} .xg-pro ul li .img-pic img{position:absolute;left:0;top:0;width:100%;display:block;-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s} .xg-pro ul li .img-pic:hover img{-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);-webkit-transform:scale(1.08,1.08);transform:scale(1.08,1.08)} .xg-pro ul li a{font-size:18px;line-height:2em;color:#333;display:block} .xg-pro ul li:hover a{color:#f0be4d;font-weight:700} .xg-pro ul:before{ content: ''; display: block; height: 110px; width: 100%; position: absolute; left: 0; top: 15px; background: url("../../d/images/nyLinkPro.png") center no-repeat; } .xg-pro ul:after{ content: ''; display: block; height: 44px; width: 100%; position: absolute; left: 0; bottom: 12px; background: url("../../d/images/nybt.png") center no-repeat; } /* 留言板 */ .messages{background:url(../../d/images/mes_bg.png) no-repeat;width:826px;height:679px;background-size:100% 100%;margin-top:30px} .mes-left{float:left;padding-top:263px;width:40%} .mes-left strong{font-size:24px;color:#f5f8ff;display:block;padding-left:125px} .mes-left li{font-size:24px;color:#f5f8ff;margin-top:50px} .mes-left li.one{padding-left:95px} .mes-left li.two{padding-left:87px} .mes-left li.three{padding-left:77px} .mes-right{float:left;width:60%;padding-right:90px;padding-top:70px;position:relative} .mes-right strong{font-size:36px;color:#255d50;background:-webkit-linear-gradient(330deg,#368773 0,#255d50 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative} .mes-right:before{background:url(../../d/images/mesage_bg.png) no-repeat;background-size:100% 100%;width:284px;height:46px;content:"";display:block;position:absolute;left:0;top:75px} .mes-right p{font-size:18px;color:#4d4f53;line-height:2em;margin-top:10px} .mes-right form{margin-top:40px} .mes-right form li{margin-top:22px;position:relative} .mes-right form li.one:before{background:url(../../d/images/icon_1.png) no-repeat;background-size:100% 100%;width:23px;height:24px;content:"";display:block;position:absolute;top:50%;margin-top:-15px;left:25px} .mes-right form li.two:before{background:url(../../d/images/icon_2.png) no-repeat;background-size:100% 100%;width:23px;height:24px;content:"";display:block;position:absolute;top:50%;margin-top:-12px;left:25px} .mes-right form li.three:before{background:url(../../d/images/icon_3.png) no-repeat;background-size:100% 100%;width:23px;height:24px;content:"";display:block;position:absolute;top:25px;left:25px} .mes-right form li input{border:1px solid #dedef0;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;font-size:18px;color:#4d4f53;width:100%;padding:17px 30px 17px 60px} .mes-right form li textarea{border:1px solid #dedef0;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;height:140px;width:100%;font-size:18px;color:#4d4f53;padding:15px 30px 15px 60px;line-height:2em} .mes-right form li textarea::-webkit-input-placeholder{color:#000} .mes-right form li textarea::-moz-placeholder{color:#000} .mes-right form li textarea:-ms-input-placeholder{color:#000} .mes-right form li textarea:-moz-placeholder{color:#000} .mes-right form li textarea::-webkit-input-placeholder{color:#4d4f53} .msg-btn{position:relative;z-index:10} .msg-btn .box{position:relative;background:#ffc11f;background:-webkit-linear-gradient(#fed845 ,#ffc11f);background:-o-linear-gradient(#fed845,#ffc11f);background:-moz-linear-gradient(#fed845,#ffc11f);background:linear-gradient(#fed845 ,#ffc11f);width:100%;text-align:center;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;margin-top:30px;cursor:pointer;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease} .msg-btn .box:hover{box-shadow:0 5px 20px rgba(25,64,54,.5);transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease} .msg-btn:before{width:100%;text-align:center;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;margin-top:30px;background:rgba(175,175,175,.5);content:"";display:block;height:50px;line-height:50px;position:absolute;bottom:-5px;z-index:-1;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease} .msg-btn:hover:before{bottom:0;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease} .msg-btn input{font-size:22px;color:#111;background:0 0;height:50px;line-height:50px;width:100%;cursor:pointer} .mes-right form li input:-webkit-autofill{-webkit-text-fill-color: #4d4f53;-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;box-shadow: 0 0 0px 1000px #fff inset !important;} /* 产品内页 */ .page-top .proPage-right li{margin-top:15px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .list-nav li.active,.list-nav li.active a,.list-nav li:hover,.list-nav li:hover a{color:#f0be4d} .list-nav li.active,.list-nav li:hover{background:url(../../d/images/bt_icon2.png) no-repeat 35% center} .prev-next{background:#f5f5f5;border-radius:30px 0 30px 0;-webkit-border-radius:30px 0 30px 0;-moz-border-radius:30px 0 30px 0;-ms-border-radius:30px 0 30px 0;-o-border-radius:30px 0 30px 0;padding:16px 0;margin-bottom:40px;margin-top:50px} .prev-next ul{overflow:hidden} .prev-next li{float:left;width:50%;padding:0 30px} .prev-next li a{font-size:16px;color:#4d4f53;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease} .prev-next li:hover a{color:#b4861d;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease} .case-scene{margin:60px 0;position:relative} .txt-rele{position:relative;line-height:36px} .txt-rele strong{font-size:36px;color:#255d50;background:-webkit-linear-gradient(330deg,#368773 0,#255d50 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:50px;position:relative} .txt-rele:before{background:url(../../d/images/case_bg.png) no-repeat;background-size:100% 100%;width:164px;height:46px;content:"";display:block;position:absolute;left:0;top:-5px} .txt-rele a{float:right;color:#666} .txt-rele a:hover{color:#014a7f;text-decoration:underline} .scene li{overflow:hidden;margin-top:50px} .scene .scene-left{float:left;width:50%;overflow:hidden} .scene .scene-left img{border-top-right-radius:60px;display:block;width:100%;-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s} .scene .scene-left:hover img{-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);-webkit-transform:scale(1.08,1.08);transform:scale(1.08,1.08)} .scene .scene-right{float:right;width:50%;padding-left:30px} .scene .scene-right h3{margin-bottom:40px} .scene .scene-right h3:hover a{color:#b4861d} .scene .scene-right h3 a{font-size:26px;color:#333;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .scene .scene-right .xq-js p{font-size:18px;color:#4d4f53;line-height:2em;margin-top:15px;position:relative;padding-left:35px} .scene .scene-right .xq-js p:before{position:absolute;left:0;top:10px;content:'';display:inline-block;vertical-align:middle;width:20px;height:18px;background:url(../../d/images/jt_icon.png) no-repeat} .scene .scene-right .xq-js p strong{font-size:18px;color:#4d4f53} .caseList li{width:16.666%} .proList{background-color:#fff;padding:26px 60px 0;margin-top:60px;border-radius:40px 40px 0 0;-webkit-border-radius:40px 40px 0 0;-moz-border-radius:40px 40px 0 0;-ms-border-radius:40px 40px 0 0;-o-border-radius:40px 40px 0 0} .proList ul{padding-bottom:45px} .proList li{margin-bottom:35px} .proList h2{font-size:28px;color:#333;margin-bottom:40px} .proList h2:before{width:8px;height:40px;background:#2b6c5c;content:"";display:inline-block;vertical-align:middle;margin-right:20px;margin-top:-8px} /* 新闻内页 */ .top-page{padding:70px 0} .top-page h1{font-size:40px;color:#f0be4d;margin-bottom:20px} .author-time span{font-size:18px;color:#d3d3d3;margin-right:40px} .new-cut{float:right;margin-top:-39px;margin-right:60px} .new-cut a{background-color:#666;padding:15px 27px;border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-ms-border-radius:6px 6px 0 0;-o-border-radius:6px 6px 0 0;margin-left:20px;transition:all ease .6s;-webkit-transition:all ease .6s;-moz-transition:all ease .6s;-ms-transition:all ease .6s;-o-transition:all ease .6s} .new-cut a:hover{background-color:#2d7261;transition:all ease .6s;-webkit-transition:all ease .6s;-moz-transition:all ease .6s;-ms-transition:all ease .6s;-o-transition:all ease .6s} .news-page{position:relative;margin-top:-95px} .news-page .content-base{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding:50px 60px 60px} .news-pn{box-shadow:0 5px 10px rgba(36,87,76,.3);border-radius:50px 0 50px 0;-webkit-border-radius:50px 0 50px 0;-moz-border-radius:50px 0 50px 0;-ms-border-radius:50px 0 50px 0;-o-border-radius:50px 0 50px 0;padding:0 30px;margin:60px 0} .news-pn p,.news-pn p a{font-size:18px;color:#4d4f53;padding:20px 0;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease} .news-pn p:hover a{color:#b4861d;font-weight:700;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease} .news-pn p.prev{border-bottom:1px dashed #dedfe0} .news-pn p.prev:before{background-image:url(../../d/images/prev.png)} .news-pn p.next:before{background-image:url(../../d/images/next.png)} .news-pn p:before{width:20px;height:20px;content:"";display:inline-block;vertical-align:middle;margin-right:10px;margin-top:-2px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-color:#255d4f;background-position:center;background-repeat:no-repeat;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease} .news-pn p:hover:before{background-color:#b4861d;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease} /* 联系我们 */ .top-cact{background:url(../../d/images/cact-pic.jpg) bottom center;padding-bottom:130px;background-size:cover} .top-cact h1{display:inline-block;color:#f0be4d;font-size:48px;line-height:1.1} .top-cact p{width:57%} .bottom-base{overflow:hidden;margin-top:80px} .bot-left{float:left;background:url(../../d/images/more-btn2.png) no-repeat;background-size:100% 100%;width:230px;height:70px;line-height:70px;color:#fff;font-size:22px;text-align:center;padding-right:40px;position:relative;cursor:pointer} .bot-left:before{content:"";position:absolute;right:32px;top:20px;width:30px;height:30px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;background:url(../../d/images/area-icon.png) no-repeat} .bot-left:hover{color:#f0be4d} .bot-left:hover:before{right:28px} .bot-right{float:left;width:30%;margin-left:60px} .bot-right p{font-size:20px;color:#d3d3d3;line-height:1.4em;margin-top:0} .bot-right strong{font-size:30px;color:#f0be4d} .cact-client{text-align:center;background:url(../../d/images/yc_bg.jpg) no-repeat center #fafbfc;padding-bottom:60px;-webkit-background-size:cover;background-size:cover;margin-top:-1px} .cact-client h2,.cact-client strong{font-size:46px;color:#333;display:block} .cact-client p{font-size:18px;line-height:2em;color:#666} .cact-client ul{overflow:hidden;margin-left:-2.75%;margin-top:63px} .cact-client li{float:left;background:url(../../d/images/li_bg.png) no-repeat;background-size:100%;width:248px;height:401px;padding:60px 25px;margin-left:2.75%} .cact-client li.mt{margin-top:140px} .cact-client li span{display:block;font-size:18px;color:#fff;width:44px;height:44px;line-height:44px;text-align:center;font-weight:700;background:#014a7f;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin:0 auto} .cact-client li strong{font-size:22px;color:#014a7f;line-height:1.6em;display:block;margin:15px auto 10px} .cact-foot{background:url(../../d/images/cact-foot.jpg) no-repeat center;-webkit-background-size:cover;background-size:cover;padding:90px 0} .cactLeft{float:left;width:50%;padding-right:2%} .cactLeft strong{font-size:48px;color:#f0be4d} .cactLeft p{font-size:18px;line-height:2em;color:#d3d3d3;margin-top:15px} .cactLeft form{margin-top:40px} .cactLeft ul{margin-left:-6%;overflow:hidden} .cactLeft li{float:left;width:44%;margin-left:6%;position:relative} .cactLeft li input{background:rgba(122,122,122,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9932363E, endColorstr=#9932363E);width:100%;padding:18px 20px;color:#d3d3d3;font-size:18px} .cactLeft li.bt:before{content:"*";color:red;display:block;width:15px;height:15px;position:absolute;left:7px;top:50%;margin-top:-9px} .cactLeft li.text-box{width:94%;margin-top:30px;margin-bottom:60px} .cactLeft li textarea{background:rgba(122,122,122,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9932363E, endColorstr=#9932363E);outline:0;width:100%;color:#d3d3d3;height:170px;padding:18px 20px;font-size:18px} .cactLeft li textarea::-webkit-input-placeholder{color:#d3d3d3} .cactLeft form .button input{background:#fb2840;overflow:hidden;background-image:linear-gradient(90deg,#fb2840 30%,#fe5e60 50%,#fb2840);background-position:left center;background-size:200% 100%;background-repeat:no-repeat;width:260px;height:70px;line-height:70px;text-align:center;color:#fff;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;font-size:24px;cursor:pointer;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease} .cactLeft form .button input:hover{background-position:right center;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease} .cactLeft li input:-webkit-autofill{-webkit-text-fill-color: #d3d3d3;-webkit-box-shadow: 0 0 0px 1000px #2c2f36 inset !important;box-shadow: 0 0 0px 1000px #2c2f36 inset !important;} .cactRight{float:left;width:50%;padding-left:9%;margin-top:100px} .cactRight p{font-size:18px;color:#d3d3d3;position:relative} .cactRight p:before{background:url(../../d/images/wz.png) no-repeat;width:16px;height:16px;background-size:100% 100%;content:"";display:inline-block;vertical-align:middle;margin-top:-5px;margin-right:24px} .cactRight strong{font-size:28px;color:#fff;font-weight:700;position:relative;display:block;margin-top:50px;margin-bottom:5px} .cactRight strong:before{background:url(../../d/images/dh.png) no-repeat;width:16px;height:16px;background-size:100% 100%;content:"";display:inline-block;vertical-align:middle;margin-top:-5px;margin-right:24px} /* .cactRight span{font-size:18px;color:#d3d3d3;display:block;padding-left:40px} */ .map{margin-top:60px;position:relative;height: 346px;} #map *{box-sizing: content-box;max-width: none;} .BMapLib_sendToPhone{display: none;} .map-wz{position:absolute;top:145px;right:42%;z-index:10} .point:after{width:80px;height:80px;content:'';display:block;position:absolute;top:-20px;right:0;bottom:0;left:-20px;border-radius:50%;background:rgba(255,255,255,.5);opacity:0;-webkit-animation:ripple 2.2s ease-out 50ms infinite;-moz-animation:ripple 2.5s ease-out .5s infinite;-o-animation:ripple 2.5s ease-out .5s infinite;animation:ripple 2.2s ease-out 50ms infinite;z-index:-1} @-webkit-keyframes ripple{ 0%{opacity:0;-webkit-transform:scale(.1,.1)} 5%{opacity:1} 100%{opacity:0;-webkit-transform:scale(1)} } @-moz-keyframes ripple{ 0%{opacity:0;-moz-transform:scale(.1,.1)} 5%{opacity:1} 100%{opacity:0;-moz-transform:scale(1)} } @-o-keyframes ripple{ 0%{opacity:0;-o-transform:scale(.1,.1)} 5%{opacity:1} 100%{opacity:0;-o-transform:scale(1)} } @keyframes ripple{ 0%{opacity:0;-webkit-transform:scale(.1,.1);-moz-transform:scale(.1,.1);-ms-transform:scale(.1,.1);transform:scale(.1,.1)} 5%{opacity:1} 100%{opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} } /* 404 */ .body{background:#f5f5f5} .body .header{position:static} .body .head-con .nav li a{color:#333} .body .top-tel p{background:url(../../d/images/tel-phone.png) no-repeat left center;color:#333} .four-page{overflow:hidden;padding:100px 0 175px} .four-page .four-left,.four-page .four-right{float:left;width:50%} .four-page .four-right strong{font-size:52px;color:#275e51;display:block;margin-bottom:60px} .four-page .four-right p{font-size:18px;color:#4d4f53;line-height:2.6em} .four-page .four-right ul{overflow:hidden;padding:30px 50px 30px 0;margin-top:80px} .four-page .four-right li{float:left;width:210px;height:66px;line-height:66px;text-align:center;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px} .four-page .four-right li.one{background:#255d50;overflow:hidden;background-image:linear-gradient(90deg,#255d50 30%,#368873 50%,#255d50);background-position:left center;background-size:200% 100%;background-repeat:no-repeat;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease} .four-page .four-right li.one:hover{box-shadow:0 5px 20px rgba(0,0,0,.15);background-position:right center;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease} .four-page .four-right li.one a{color:#fff;font-size:18px;display:block} .four-page .four-right li.two{box-shadow:0 5px 20px rgba(0,0,0,.15);margin-left:40px;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;cursor:pointer;font-size:18px} .four-page .four-right li.two:hover{color:#fff;background:#255d50;background:-webkit-linear-gradient(left,#368873 ,#255d50);background:-o-linear-gradient(right,#368873,#255d50);background:-moz-linear-gradient(right,#368873,#255d50);background:linear-gradient(to right,#368873 ,#255d50);transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease} .four-page .four-right li.two:hover a{color:#fff} .four-page .four-right li.two a{font-size:18px;color:#333;display:block} /* 二维码 */ .wp{max-width:750px;width:100%;margin:0 auto} .ewm-box{padding:75px 50px} .ewm-box a{display:block;background:-webkit-linear-gradient(left,#368873 ,#255d50);background:-o-linear-gradient(right,#368873,#255d50);background:-moz-linear-gradient(right,#368873,#255d50);background:linear-gradient(to right,#368873 ,#255d50);height:100px;width:100%;line-height:100px;font-size:38px;font-weight:700;color:#fff;text-align:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;margin-top:125px} .ewm-box p{font-size:26px;color:#4d4f53;line-height:1.4em;text-align:center;margin-top:40px} .icon-bg{border-top:20px solid #f5f5f5;padding:50px} /* 悬浮框 */ .fixed-right{position:fixed;right:20px;bottom:22%;z-index:9999;background:url(../../d/images/fixed-bgw.png) no-repeat;background-size:100% 100%;width:160px;height:445px;font-weight:300} .fixed-fix{position:fixed;right:20px;bottom:22%;z-index:9999;display:block;background:url(../../d/images/fixed-bgw.png) no-repeat;background-size:100% 100%;width:160px;height:445px;font-weight:300} .fixed-fix .online-service,.fixed-right .online-service{width:140px;height:49px;line-height:42px;text-align:center;display:block;font-size:18px;cursor:pointer;color:#ffffff;} .fixed-fix .online-service:hover,.fixed-right .online-service:hover{color:#ffde99;} .fixed-head{display: block;cursor: pointer;margin: 0 4px;} .fixed-head img{width: 100%;} .fixed-linkw{margin: 32px 10px 0;} .fixed-linkw li{background: url(../../d/images/fixed-btnw.png) no-repeat center;cursor: pointer;margin-bottom: 10px;} .message-consult,.phone-bj{display:block;width:140px;height:49px;line-height:42px;text-align:center;color:#fff;font-size:18px;cursor:pointer;} .message-consult:hover,.phone-bj:hover{color:#fae3b3} .phone-quote{position:relative} .phone-quote .box{display:none;position:absolute;top:-48px;right:116%;width:246px;height:144px;background:url(../../d/images/ewm-telbg.png) no-repeat;background-size:100% 100%;padding:13px} .phone-quote .box-left{float:left;width: 112px;} .phone-quote .box-left img{width: 100%;margin-top: -30px;-webkit-box-shadow: 0 0 10px rgba(46,115,99,.3);-moz-box-shadow: 0 0 10px rgba(46,115,99,.3);-ms-box-shadow: 0 0 10px rgba(46,115,99,.3);-o-box-shadow: 0 0 10px rgba(46,115,99,.3);box-shadow: 0 0 10px rgba(46,115,99,.3);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;} .phone-quote .box-right{float: left;color: #FFF;font-size: 18px;margin-left: 16px;margin-top: 8px;line-height: 1.5;} .phone-quote .box strong{font-size: 24px;color: #ffcb52;display: block;margin-top: 3px;text-align: center;} #back-top{text-align:center;color:#fce8be;font-size:16px;margin-top:30px;cursor:pointer;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;position: relative;padding-top: 16px;} #back-top:after{content: "";position: absolute;left: 0;right:0;top: 0;margin: 0 auto; width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid #f9e6bd;} #back-top:hover{color:#f0be4d;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease} #back-top:hover:after{border-bottom:12px solid #f0be4d} .pro-read li{line-height:36px;margin-top:30px} .pro-read li a{display:block;color:#666;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .pro-read li a:before{content:'';display:inline-block;vertical-align:middle;width:20px;height:18px;background:url(../../d/images/jt_icon.png) no-repeat;margin-right:20px;margin-top:-6px} .pro-read li:hover a{margin-left:4px;color:#014a7f} /* 参数 */ .data-list{margin-top:36px} .data-list ul{overflow:hidden;margin-left:-2%;margin-bottom:0} .data-list ul li{float:none;width:auto;display:inline-block;margin-left:2%;color:#666;font-size:18px;padding-left:0;box-sizing:border-box;cursor:pointer;margin-bottom:30px;border-radius:25px 0 25px 0;background-color:#fff;border:1px solid #dedfe0} .data-list ul li span{display:block;padding:10px 30px;line-height:1.5} .data-list ul li:hover{color:#014a7f} .data-list ul li.cur{position:relative;z-index:2;padding:2px;text-align:center;border:none;background:-moz-linear-gradient(left,#368873 0,#014a7f 100%);background:-webkit-linear-gradient(left,#368873 0,#014a7f 100%);background:-o-linear-gradient(left,#368873 0,#014a7f 100%);background:-ms-linear-gradient(left,#368873 0,#014a7f 100%);background:linear-gradient(to right,#368873 0,#014a7f 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=#368873, endColorstr=#014a7f, GradientType=0 );-webkit-box-shadow:0 3px 8px rgba(0,0,0,.15);-moz-box-shadow:0 3px 8px rgba(0,0,0,.15);box-shadow:0 3px 8px rgba(0,0,0,.15)} .data-list ul li.cur span{display:block;color:#333;font-weight:700;width:100%;height:100%;background-color:#fff;border-radius:24px 0 24px 0} .data-no{display:none} .data-link{margin:50px 0 40px;padding-left:15px;text-align:center} .data-link strong{display:inline-block;color:#fff;font-size:18px;position:relative;z-index:0;text-align:center;line-height:60px;width:375px;font-weight:400} .data-link strong:before{content:"";position:absolute;left:0;top:0;width:375px;height:60px;background:url(../../d/images/data-link01.png) no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;z-index:-1} .link-cons{padding:30px;margin-top:-28px;background-color:#fff;-webkit-box-shadow:0 3px 15px rgba(0,0,0,.2);-moz-box-shadow:0 3px 15px rgba(0,0,0,.2);-ms-box-shadow:0 3px 15px rgba(0,0,0,.2);-o-box-shadow:0 3px 15px rgba(0,0,0,.2);box-shadow:0 3px 15px rgba(0,0,0,.2);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px} .link-cons a{display:inline-block;line-height:50px;padding:0 30px;background-color:#014a7f;-webkit-box-shadow:0 3px 10px rgba(0,0,0,.15);-moz-box-shadow:0 3px 10px rgba(0,0,0,.15);-ms-box-shadow:0 3px 10px rgba(0,0,0,.15);-o-box-shadow:0 3px 10px rgba(0,0,0,.15);box-shadow:0 3px 10px rgba(0,0,0,.15);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;position:relative;z-index:0;color:#393b45;font-size:18px;margin-right:26px;text-align:center;margin-top:20px} .link-cons a:before{content:"";position:absolute;left:-4px;top:-4px;width:100%;height:100%;background:url(../../d/images/data-link02.png) left top;z-index:-1;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px} .link-cons a:hover{color:#014a7f} /* 相关文章 */ .more-news{background-color:#fff;padding:70px 60px 80px} .more-tit{color:#333;font-size:36px;font-weight:700;line-height:1.1;position:relative;padding-left:50px} .more-tit:before{content:"";position:absolute;left:0;top:4px;width:36px;height:36px;background:url(../../d/images/more-news.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%} .more-tit h1{font-size:36px;display:inline-block} .more-tit i{margin-left:12px} .more-tit a{color:#014a7f} .more-tit a:hover{color:#f0be4d} .content-news{margin-top:-50px} .content-news .xg-new{margin-top:0} .news-pave{margin-top:50px;margin-bottom:-30px} .news-pave ul{margin-left:-4.7%} .news-pave ul li{float:left;width:45.3%;margin-left:4.7%;position:relative;padding:25px 30px;margin-bottom:30px;background-color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 3px 15px rgba(37,92,79,.15);-moz-box-shadow:0 3px 15px rgba(37,92,79,.15);-ms-box-shadow:0 3px 15px rgba(37,92,79,.15);-o-box-shadow:0 3px 15px rgba(37,92,79,.15);box-shadow:0 3px 15px rgba(37,92,79,.15)} .pave-txt{display:block;font-size:22px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:36px} .pave-txt:hover{color:#014a7f} .pave-pic{clear:both;overflow:hidden;margin:22px 0;margin-left:-2%} .pave-pic a{float:left;width:31.3%;margin-left:2%} .pave-pic a img{width:100%;height:115px;-o-object-fit:cover;object-fit:cover;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px} .news-pave p{color:#aaa;line-height:20px} @media screen and (max-width:4000px) and (min-width:2000px){ .ban-item:before{width:38%} .about-union:before{display: none;} } @media screen and (max-width:1919px){ .item01{background:url(../../d/images/ban-bg01.jpg) center} .item01{background-size:auto} .nav li{margin-right:20px} .btn-more{width:145px;line-height:48px} .ban-btn{margin-top:100px;margin-left:36%} .ban-txt a{font-size:80px} .ban-txt i{font-size:100px} .ban-con .slick-prev{margin-left:-750px} .paging{margin-left:-660px} .tab-list{padding:20px 10px 25px 90px;margin:22px 0 22px 70px} .link-con{margin-left:6%} .index-cont:before{width:95%} .index-cont{padding:55px 5% 55px 15%} .vie-info li{margin-top:50px} .page-top .page-right .box{margin-top:40px} .index-pice .pice{top:20px} .pice-bottom{margin-top:20px} .pice-bottom .piceLeft strong{font-size:22px} .tab-list{margin-left:66px} .tab-pro{width:44%;left:-53px;top:16px} } @media screen and (max-width:1699px){ .ban-txt a.txt-font{padding-top:1%} } @media screen and (max-width:1599px){ .wrap{width:94%} .tab-pro{width:48%} .nav{margin-left:35px} .ban-txt a{font-size:60px} .ban-txt a.txt-font{font-size:55px} .ban-txt i{font-size:72px} .ban-item:before{top:175px;width:32%} .ban-pic{width:50%;margin-right:8%} .ban-pic:after{z-index:-1;background-size:100% 100%;top:-30px;width:190px;height:510px} .ban-con .slick-prev{margin-left:-45%} .ban-con .slick-next{margin-left:-30%} .paging{margin-left:-38%;bottom:45px} .tab-info a{font-size:16px} .tab-info p{font-size:14px;margin-top:5px} .tab-list{padding:20px 10px 25px 70px} .cont-font{font-size:24px} .edit-area textarea,.edit-text label input{width:210px} .index-cont{padding:55px 3% 55px 18%} .type-txt{padding-left:40px} .type-txt a{font-size:36px} .top-about{background-size:100% 100%} .page-top .page-right .box .box-right{width:220px;height:58px;line-height:58px} .page-top .page-right .box .box-right:before{height:58px} .cact-client li{width:233px} .hot-name{height:157px} .news-hots{margin-top:80px} .hots-name{height:137px} .page-top .page-right h1{font-size:32px} .index-pice .pice{width:66%} .pice-bottom .piceLeft a{width:280px;height:70px;line-height:70px;font-size:20px;margin-top:35px} .pice-bottom .piceLeft strong{font-size:20px} .index-case:before{top:40px;} } @media screen and (max-width:1499px){ .about-txt p i{display:none} } @media screen and (max-width:1399px){ .wrap{width:96%} .cact-client p,.nav li a{font-size:16px} .top-tel p strong{font-size:22px} .ban-pic span{font-size:20px} .tab-list{padding:16px 12px 16px 50px} .tab-pro{top:15px} .ban-con .slick-next,.ban-con .slick-prev{width:35px;height:35px;bottom:136px} .paging{margin-left:-39%} .ban-btn{margin-top:106px} .type-txt a{font-size:28px} .type-link{width:80px;height:80px;margin-left:-40px;margin-top:-40px} .type-txt{padding-left:10px} .ban-txt a{font-size:48px} .ban-txt a.txt-font{font-size:46px} .about-txt h1,.about-txt h2,.base-txt h2,.cact-client h2,.cactLeft strong,.hot-txt h2,.index-pice .pice h2,.index-txt h2,.ser-font strong,.top-base strong,.txt-name h2{font-size:38px} .about-txt strong,.base-txt strong,.cact-client strong,.index-pice .pice strong,.index-txt strong{font-size:38px} .pice-bottom .piceLeft strong{font-size:20px} .index-cont:after{width:170px;height:260px} .index-cont{padding:55px 5% 55px 15%} .cont-font{font-size:18px} .edit-area,.edit-btn,.edit-text{margin-left:15px} .link-con dt a{font-size:24px} .index-link:before{left:0} .link-con{width:15%;margin-left:5%} .price-pic{left:57%} .price-info{width:60%} .page-top .page-right li{margin-top:20px} .top-cact h1{font-size:42px} .cact-client li{width:204px} .cact-client li span{width:38px;height:38px;line-height:38px;font-size:16px} .cact-client li strong{font-size:18px;margin:7px auto} .cact-client{padding-bottom:0} .cact-foot{padding:60px 0 50px} .cactRight{margin-top: 86px;} .cactLeft form .button input{width:210px;height:58px;line-height:58px;font-size:18px} .news-con,.news-page .content-base{padding:40px 30px} .content-right,.hot-link{width:34%} .hot-name{height:140px;padding:0 50px} .hots-name{height:120px;padding:60px 30px 15px} .pro-cons{padding:40px} .content-base{padding:30px 30px 60px} .content-right{padding-right:0} .scene .scene-right{padding-left:15px} .scene .scene-right h3{font-size:22px;margin-bottom:15px} .scene .scene-right .xq-js p{padding-left:25px;margin-top:10px;font-size:16px} .scene li{margin-top:25px} .case-scene{margin:35px 0} .about-info ul{margin-top:25px} .about-info span{margin-top:30px} .index-pice .pice{left:30%} .index-pice .pice p{margin-top:5px} .pice-bottom .piceLeft a{margin-top:15px} .video-info li{margin-bottom:60px} .index-video{padding-bottom:100px} .index-video:before{background:#1d2025} .pice-bottom .piceLeft .btn-price{height:72px;line-height:72px} .four-page .four-right strong{font-size:50px} .ser-idea ul li p{font-size:16px} } @media screen and (max-width:1313px){ .about-txt p{margin-top:50px} } @media screen and (max-width:749px){ .ewm-box,.icon-bg{padding:20px 10px} .ewm-box a{height:70px;line-height:70px;font-size:28px;margin:50px auto 0} } @media screen and (max-width:479px){ .ewm-box a{height:56px;line-height:56px;font-size:24px} .ewm-box p{font-size:18px} } @media screen and (max-width:374px){ .ewm-box a{font-size:18px} } /* 首页 - 环保专题 */ .index-green{position:relative;z-index:0;background:url(../../d/images/green-bg.png);margin-top:40px} .index-green:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:120px;background-color:rgba(240,190,77,.5);z-index:-1} .green-show{padding:46px 60px 0;width:50%} .green-show strong{font-size:38px;line-height:1.2;color:#fff;display:block;margin-bottom:40px} .green-info{background-color:#014a7f;-webkit-border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;-ms-border-radius:20px 20px 0 0;-o-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0;padding:30px;text-align:center} .green-info p{position:relative;color:#e8e8e8;font-size:18px;line-height:2;padding-left:24px;margin-bottom:24px;text-align:left} .green-info p:before{content:"";position:absolute;left:0;top:13px;width:12px;height:12px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;border:2px solid #f0be4d} .green-info a{margin-top:20px;margin-bottom:12px} .green-pic{position:absolute;right:0;top:0;bottom:0;width:50%} .green-pic img{width:100%;height:100%;-webkit-object-fit:cover;object-fit:cover} /* bmz */ .ban-bmz{width:100%;height:100vh;position:relative;z-index:999999} .bmzClose{position:absolute;right:20px;top:20px;color:#fff;font-size:22px;line-height:48px;padding:0 20px;background:rgba(0,0,0,.6);-webkit-border-radius:48px;border-radius:48px;cursor:pointer} .ban-bmz a{display:block} .ban-bmz a img{width:100%;height:100vh;-webkit-object-fit:cover;object-fit:cover} .bmzClose i{font-size:20px;margin-left:8px} /* 新闻内页样式 */ .special1-scx{padding:50px 30px 60px;background: url(../../d/images/special1-bg.png);border:1px solid #CCC;position: relative;margin-bottom: 40px;} .special1-scx:after{content: "";position: absolute;left: 0;right:0;bottom: -8px;margin:0 auto;width:88px;height: 17px;background: url(../../d/images/special1-icon.gif) no-repeat;} .special1-scx strong{display: block; color: #333;font-size: 22px;line-height: 2em;position: relative;margin-bottom:30px;} .special1-scx strong:before{content: "";position: absolute;left: -31px;top: -3px;width: 8px;height: 50px;background-color: #33806f;border:1px solid #CCC;} .content-left .content .special1-scx p{text-indent:0;margin-bottom: 6px;} .special1-khwd{padding:30px 30px 60px;background: url(../../d/images/special1-bg.png);border:1px solid #CCC;position: relative;margin-bottom: 40px;} .special1-khwd:after{content: "";position: absolute;left: 0;right:0;bottom: -8px;margin:0 auto;width:88px;height: 17px;background: url(../../d/images/special1-icon.gif) no-repeat;} .special1-khwd strong{display: inline-block; color: #FFF;font-size: 20px;font-weight: normal; line-height: 39px;position: relative;margin-bottom:20px;z-index:0;} .special1-khwd strong:before{content: "";position: absolute;left: -31px;right:-30px;top: -3px;height: 44px;background-color: #33806f;border:1px solid #CCC;z-index:-1;} .content-left .content .special1-khwd p{text-indent:0;margin-bottom:0;padding:15px 0;border-bottom:1px dashed #bdceca;} .special1-khwd p i{color: #33806f;} .special1-wt{margin-bottom: 20px;color: #666666;font-size: 18px;line-height: 2;} .special1-wt strong{display: block;color: #333;font-size: 22px;font-weight: normal;line-height: 1.5em;position: relative;z-index: 0;margin-bottom: 20px;} .special1-wt strong:before{content: "";position: absolute;left: 0;bottom: 0;width: 68px;height: 1px;background-color: #33806f;} .special1-wt strong:after{content: "";position: absolute;left: 80px;bottom: 0;width: 450px;height: 10px;background-color: #e6f2f0;z-index: -1;} .special1-wt i{display: inline-block;color: #FFF;font-size: 20px;background-color: #33806f;padding:0 8px;margin-right: 20px;vertical-align: middle;margin-top: -10px;line-height: 1.3em;} .special1-wt p{border-left:1px dashed #F0BE4E;padding-left: 20px;} .content-left .content .special1-wt p{text-indent: 0;} .special1-khhf{background: url(../../d/images/special1-bg.png);-webkit-box-shadow: 0 0 10px rgba(37,92,80,.2);-moz-box-shadow: 0 0 10px rgba(37,92,80,.2);-ms-box-shadow: 0 0 10px rgba(37,92,80,.2);-o-box-shadow: 0 0 10px rgba(37,92,80,.2);box-shadow: 0 0 10px rgba(37,92,80,.2);padding:48px 40px;outline: 1px dashed #255c50;outline: 1px dashed rgba(37,92,80,.3);outline-offset: -20px;color: #666;font-size: 18px;line-height: 2.2;position: relative;margin-bottom: 30px;} .special1-khhf:before{content: "";position: absolute;left: 0;top: 0;width: 40px;height: 40px;background-color: #f0be4d;} .special1-khhf:after{content: "";position: absolute;right: 0;bottom: 0;width: 155px;height: 42px;background: url(../../d/images/special1-horn.png) no-repeat;} .special1-khhf i{color: #255c50;} .special1-ts{background: url(../../d/images/special1-bg.png);-webkit-box-shadow: 0 0 10px rgba(37,92,80,.2);-moz-box-shadow: 0 0 10px rgba(37,92,80,.2);-ms-box-shadow: 0 0 10px rgba(37,92,80,.2);-o-box-shadow: 0 0 10px rgba(37,92,80,.2);box-shadow: 0 0 10px rgba(37,92,80,.2);padding:48px 40px;outline: 1px dashed #255c50;outline: 1px dashed rgba(37,92,80,.3);outline-offset: -20px;color: #255c50;font-size: 18px;line-height: 2.2;position: relative;margin-bottom: 30px;} .special1-ts:before{content: "";position: absolute;left: 14px;top: 50%;width: 11px;height: 44px;margin-top:-22px;background: url(../../d/images/special1-dot.png) no-repeat;} .special1-ts:after{content: "";position: absolute;right: 14px;top: 50%;width: 11px;height: 44px;margin-top:-22px;background: url(../../d/images/special1-dot.png) no-repeat;} /* 右下角商务通 */ .fixed-box{width: 384px;position: fixed;bottom: -100%;right: 0;z-index: 99991;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .fix-colse{width: 75px;height: 30px;position: absolute;right: 4px;top: 10px;cursor: pointer;display: block;background: url(../../d/images/close-swt.png) no-repeat center;} .fixed-box.open{bottom: 0;} /* 图片放大 */ #baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } #baguetteBox-overlay.visible { opacity: 1; } #baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; } #baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; } #baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } #baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 2; color: #ccc; font-size: 16px; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: sans-serif; } #baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } #baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left 0.4s ease, -webkit-transform 0.4s ease; transition: left 0.4s ease, -moz-transform 0.4s ease; transition: left 0.4s ease, transform 0.4s ease; } #baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight 0.4s ease-out; animation: bounceFromRight 0.4s ease-out; } #baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft 0.4s ease-out; animation: bounceFromLeft 0.4s ease-out; } .baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: calc(50% - 30px); width: 44px; height: 60px; } .baguetteBox-button { position: absolute; cursor: pointer; outline: none; padding: 0; margin: 0; border: 0; -moz-border-radius: 15%; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color 0.4s ease; transition: background-color 0.4s ease; } .baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); } .baguetteBox-button#next-button { right: 2%; } .baguetteBox-button#previous-button { left: 2%; } .baguetteBox-button#close-button { top: 20px; right: 2%; right: calc(2% + 6px); width: 30px; height: 30px; } .baguetteBox-button svg { position: absolute; left: 0; top: 0; } /* Preloader Borrowed from http://tobiasahlin.com/spinkit/ */ .spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; } .double-bounce1, .double-bounce2 { width: 100%; height: 100%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; } .double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes bounceFromRight { 0% { margin-left: 0; } 50% { margin-left: -30px; } 100% { margin-left: 0; } } @keyframes bounceFromRight { 0% { margin-left: 0; } 50% { margin-left: -30px; } 100% { margin-left: 0; } } @-webkit-keyframes bounceFromLeft { 0% { margin-left: 0; } 50% { margin-left: 30px; } 100% { margin-left: 0; } } @keyframes bounceFromLeft { 0% { margin-left: 0; } 50% { margin-left: 30px; } 100% { margin-left: 0; } } @-webkit-keyframes bounce { 0%,100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounce { 0%,100% { -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } } /* 用户评价 */ .evaluate-box { background: url(../images/evaluate_bg.png) no-repeat center top; width: 100%; padding: 100px 50px 57px; } .evaluate-box .eval-top { margin-left: 40px; } .evaluate-box h3 { font-size: 28px; color: #597193; float: left; } .evaluate-box .eval-r { float: left; overflow: hidden; margin-left: 35px; margin-top: -40px; } .evaluate-box .eval-r .eval-pic { float: left; } .evaluate-box .eval-r ul { float: left; margin-top: 30px; margin-left: 8px; } .evaluate-box .eval-r li { display: inline-block; margin-left: 5px; } .evaluate-box p { font-size: 18px; color: #333; font-weight: 200; padding-top: 45px; line-height: 2em; text-indent: 2em; } /* 用户评价 end*/ .content-left-ys{ display:flex; display:-ms-flexbox; display:-webkit-flex; justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; } .content-left-ys .item{ width: 49%; padding: 0 28px 28px 28px; background: #f0f3fa; } .content-left-ys .item .con{ font-size: 40px; color: #333; font-weight: bold; } .content-left-ys .case_det_title{ margin-bottom: 10px; } .content-left-ys .item .con{ padding-left: 45px; } .case_det_pic_list{ display:flex; display:-ms-flexbox; display:-webkit-flex; justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; } .case_det_pic_list .item{ width: 48%; margin-bottom: 40px; } .case_det_pic_list .item a{ display: block; border-radius: 50px; overflow: hidden; } .case_det_jianshu{ background: #f0f3fa; padding: 60px 0; } .case_det_jianshu .wrap{ display:flex; display:-ms-flexbox; display:-webkit-flex; justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between; align-items: center; -webkit-align-items: center; -ms-align-items:center; } .case_det_jianshu_l{ width: 202px; } .case_det_jianshu_l .pic{ overflow: hidden; border-radius: 50%; margin-bottom: 24px; } .case_det_jianshu_l .tt{ font-size: 18px; color: #333; font-weight: bold; } .case_det_jianshu_r{ width: calc(100% - 202px); padding-left: 53px; } .case_det_jianshu_r_text{ font-size: 18px; line-height: 36px; color: #333; margin-bottom: 42px; } .case_det_jianshu_btn_box{ display:flex; display:-ms-flexbox; display:-webkit-flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; } .case_det_jianshu_btn_box a{ width: 48%; line-height: 52px; font-size: 18px; color: #fff; text-align: center; border-radius: 52px; margin-right: 2%; background: #014a7f; } .case_det_jianshu_btn_box a:first-child{ background: #ff9700; } .yhpj_box{ margin-bottom: 50px; } .case_det_ppys{ margin-bottom: 50px; } .case_det_ppys_con{ display:flex; display:-ms-flexbox; display:-webkit-flex; justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; margin-bottom: 50px; } .case_det_ppys_list{ width: 48.5%; padding: 40px 35px; background: #f0f3fa; } .case_det_ppys_list .item{ display:flex; display:-ms-flexbox; display:-webkit-flex; margin-bottom: 28px; } .case_det_ppys_list .item:last-child{ margin-bottom: 0; } .case_det_ppys_list .item .num{ width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; border-radius: 35px; background: #ff9700; } .case_det_ppys_list .item .tt{ width: calc(100% - 35px); padding-left: 13px; font-size: 20px; color: #333; line-height: 36px; } .case_det_ppys_con2{ display:flex; display:-ms-flexbox; display:-webkit-flex; justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; } .case_det_ppys_con2 .item{ width: 19%; text-align: center; } .case_det_ppys_con2 .item .icon{ width: 145px; margin: 0 auto 25px; } .case_det_ppys_con2 .item .tt{ font-size: 20px; color: #333; text-align: center; } .rela_case_box{ margin-bottom: 50px; } .rela_case_title{ display:flex; display:-ms-flexbox; display:-webkit-flex; justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between; align-items: center; -webkit-align-items: center; -ms-align-items:center; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; } .rela_case_title_more{ font-size: 24px; color: #666; } .rela_case_title_more:hover{ color: #014a7f; } .rela_list{ display:flex; display:-ms-flexbox; display:-webkit-flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; } .rela_list dd a{ display: block; position: relative; border-radius: 50px; overflow: hidden; transition:all 0.5s; -webkit-transition:all 0.5s; } .rela_list dd a .pic{ overflow: hidden; } .rela_list dd a .pic img{ transition:all 0.5s; -webkit-transition:all 0.5s; } .rela_list dd a .tt{ width: 100%; line-height: 80px; font-size: 18px; color: #333; text-align: center; background: #f5f5f5; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; } .rela_list dd a:hover .pic img{ transform:scale(1.03,1.03); -webkit-transform:scale(1.03,1.03); transition:all 0.5s; -webkit-transition:all 0.5s; } .rela_list dd a:hover{ box-shadow: 0 0 15px rgba(115,115,115,.3); transition:all 0.5s; -webkit-transition:all 0.5s; } .rela_case_list1 dd{ width: calc((100% - 80px) / 3); margin: 0 40px 0 0; } .rela_case_list1 dd:nth-child(3n){ margin-right: 0; } .rela_pro_list1 dd{ width: calc((100% - 120px) / 4); margin: 0 40px 0 0; } .rela_pro_list1 dd:nth-child(4n){ margin-right: 0; } .case_det_form{ padding: 80px 0; background: #f0f3fa; } .case_det_form_tip{ font-size: 18px; line-height: 36px; color: #333; margin-bottom: 35px; } .case_det_form_list{ display:flex; display:-ms-flexbox; display:-webkit-flex; justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; } .case_det_form_list dd{ width: 48.5%; margin-bottom: 40px; position: relative; } .case_det_form_list dd.ddw{ width: 100%; } .case_det_form_list dd:last-child{ margin-bottom: 0; } .case_det_form_icon{ position: absolute; left: 15px; top: 0; line-height: 60px; font-size: 18px; color: #f00; } .case_det_form_text, .case_det_form_area{ display: block; width: 100%; height: 60px; font-size: 18px; color: #333; padding-left: 30px; border: 1px solid #eee; border-radius: 10px; } .case_det_form_text::-webkit-input-placeholder, .case_det_form_area::-webkit-input-placeholder{ color: #999; } .case_det_form_area{ height: 140px; line-height: 36px; padding: 15px 20px 15px 30px; border-radius: 10px; resize: none; } .case_det_form_btn{ width: 400px; line-height: 60px; color: #fff; font-size: 30px; text-align: center; background: #014a7f; border-radius: 60px; cursor: pointer; } .case_det_title{font-size:28px;color:#014a7f;position:relative;padding-left:45px;margin:32px 0 30px} .case_det_title:before{background:url(../../d/images/h_bg.png) no-repeat;background-size:100% 100%;width:33px;height:22px;content:"";display:block;position:absolute;left:0;top:15px} .case_search{ display:flex; display:-ms-flexbox; display:-webkit-flex; justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; background: #f0f3fa; padding: 15px; margin: 20px 0; } .case_search_text{ width: calc(100% - 160px); height: 50px; color: #333; padding-left: 18px; font-size: 16px; } .case_search_text::-webkit-input-placeholder{ color: #888; } .case_search_btn{ width: 160px; height: 50px; font-size: 18px; color: #fff; background: #f0be4d; cursor: pointer; } .pro-table,.pro_table{overflow-x:auto} .gjc_list1_box{ width: 100%; padding: 25px; border: 1px solid #ddd; border-radius: 30px; margin-top: 30px; background: #fff; } .gjc_list1_tt{ font-size:18px; color: #333; font-weight: bold; margin-bottom: 14px; } .gjc_list1_con{ display:flex; display:-ms-flexbox; display:-webkit-flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; } .gjc_list1_con a{ color: #333; font-size:16px; line-height: 30px; padding: 0 18px; background: #f5f5f5; margin: 0 10px 10px 0; transition:all 0.5s; -webkit-transition:all 0.5s; } .gjc_list1_con a:hover{ color: #Fff; background: #ff9600; transition:all 0.5s; -webkit-transition:all 0.5s; }